<script setup lang="ts">
  import Index from './pages/index.vue'
  import Loading from './components/Loading.vue'
  import { onMounted, ref } from 'vue'

  let isShow = ref(true)
  onMounted(() => {
    isShow.value = false
  })
</script>

<template>
  <div class="loading animate__animated animate__fadeOut" v-if="isShow">
    <Loading></Loading>
  </div>
  <div class="app_container">
    <Index></Index>
  </div>
</template>

<style scoped lang="scss">
  .app_container {
    width: 100%;
    height: 100%;
    background-color: #F1F4FA;
  }

  .loading {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000000;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 1);

  }
</style>